@charset "utf-8";
@import "common/reset";
@function p($px) {
    @return $px/2*1px;
}

body {
    background: url(../img/helpReviewers/底纹.png);
    .indexM {
        width: 100%;
        height: 100%; // 身体
        section {
            width: 100%;
            ul {
                background: #fff;
                >li {
                    width: 100%;
                    height: p(282);
                    border-bottom: 1px solid #cdccd0;
                    border-top: 1px solid #cdccd0;
                    display: flex;
                    justify-content: space-between;
                    .ringMuban {
                        width: 86.71%;
                        height: p(282);
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        h3 {
                            width: 96.93%;
                            line-height: p(50);
                            font-size: p(28);
                            color: #5c5c5c;
                            border-bottom: 1px solid #dfdfdf;
                        }
                        .ringImg {
                            width: 96.93%;
                            height: p(182);
                            margin: p(12) 0;
                            display: flex;
                            justify-content: space-between;
                            li {
                                width: p(174);
                                height: p(182);
                                border: 1px solid #dfdfdf;
                                display: flex;
                                justify-content: flex;
                                align-items: flex-start;
                                background: url(../img/joinHelp/ring.jpg) no-repeat;
                                background-size: 100% 100%;
                                .img {
                                    width: p(41);
                                    height: p(41);
                                    overflow: hidden;
                                    img {
                                        width: 100%;
                                    }
                                }
                            }
                        }
                        .time {
                            width: 96.93%;
                            font-size: p(20);
                            color: #b9b9b9;
                        }
                    }
                    .enter {
                        width: 13.29%;
                        height: p(282);
                        background: #e7e7e7;
                        display: flex;
                        justify-content: space-around;
                        align-items: center;
                        a {
                            i {
                                font-size: p(28);
                                color: #888;
                            }
                        }
                    }
                }
                li:nth-of-type(2) {
                    .ringMuban {
                        .ringImg {
                            li:nth-child(3) {
                                background: #e7e7e7;
                                display: flex;
                                justify-content: space-around;
                                align-items: center;
                                a {
                                    width: p(80);
                                    height: p(80);
                                    i {
                                        font-size: p(80);
                                        color: #b1b1b1;
                                    }
                                }
                            }
                        }
                    }
                }
                li {
                    .ringMuban {
                        .ringImg {
                            li:nth-child(2) {
                                .img {
                                    img {
                                        opacity: 0.7;
                                    }
                                }
                            }
                        }
                    }
                }
                li {
                    .ringMuban {
                        .ringImg {
                            li:nth-child(3) {
                                .img {
                                    img {
                                        opacity: 0.5;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            // 帮购按钮
            .help-by-button{
                display: block;
                width: 100%;
                line-height: p(80);
                background: #5fa1df;
                color: #fff;
                font-size: p(30);
                display: flex;
                align-items: center;
                justify-content: center;
                i{
                    font-size: p(40);
                    margin-right: p(18);

                }
            }
        }
    }
}